import React from 'react';
import cn from 'classnames';
import styles from './index.less';

const ListItem = ({ children, selected, ...rest }) => (
    <div className={styles.listItem} {...rest}>
        <div className={styles.select}>
            <span className={cn({ [styles.selected]: selected })}></span>
        </div>
        <div className={styles.content}>{children}</div>
    </div>
);

export default ListItem;
